<div data-page="<{$pageName}>" class="page subject_index" >
	<div class="page-content" style="background-color:#fff">
		 <style>.detail_content{ margin-bottom:10px;}</style>
		<div class="course_info_top">
    <div class="container">
       <div class="course_cover  pull-left"> 
          <img src="__Img__/<{$data.picname}>@356h_600w_1e_0c" >
          <!--<a href="/lesson/ncre_651609/free/ncre" target="_blank" class="course_front " title="试听课程">试听课程</a>-->
        </div>
        <div class="course_info pull-left  pos_rel" style="margin-top:25px">
        <div class="f24 clearfix">
        <{$data.subject}>
       
        </div>
        
		<div class="clearfix"></div>
        <p class="muted  mgt20">课时安排</p>
       <div class="info_content">
        <{$data.class_hours}>课时 <span class="muted light">/</span> 报名即学 至 <{$data.end_date}> 
       </div>
         
     <p class="muted mgt20">课程特色</p>
       <ul class="unstyled clearfix">
          <li>
            <i class="icon-system"></i><a href="#" data-toggle="tooltip" onmouseover="$(this).tooltip('show')" title="" data-original-title="学习规划一目了然，学习、练习、作业高度结合、完整的教学过程带来更好的学习效果！">系统化学习</a>
          </li>
          <li>
            <i class="icon-qa"></i><a href="#" data-toggle="tooltip" onmouseover="$(this).tooltip('show')" title="" data-original-title="全职老师及时答疑，帮你快速解决任何学习中的问题">全职答疑</a>
          </li>
          <li>
            <i class="icon-note"></i><a href="#" data-toggle="tooltip" onmouseover="$(this).tooltip('show')" title="" data-original-title="提供官方讲义，边学边记，随时记录错题，方便考前复习，无需教材">笔记错题集</a>
          </li>
          <li class="mgt10"> 
            <i class="icon-notify"></i><a href="#" data-toggle="tooltip" onmouseover="$(this).tooltip('show')" title="" data-original-title="设定周计划，督促学习进度，短信提醒">进度提醒</a>
          </li>
          <li class="mgt10"> 
            <i class="icon-test"></i><a href="#" data-toggle="tooltip" onmouseover="$(this).tooltip('show')" title="" data-original-title="在线模考，全真题库，让你迅速通关">模拟题库</a>
          </li>
        </ul>
          
 
 
        <div class="course_price mgt10">
          
          <span class="nav-price"><span class="f24 red">￥</span><font id="order_amount_text" style=" font-size:48px" ><{$data.price}></font></span>
          
          <span class="muted f14 ">&nbsp;&nbsp;&nbsp;(已有 <{$buy_count}> 个学生购买本课程)</span>
        </div>
        <a  <if condition="$data['childs']">href="<{:U('Subject/select_subject',array('subjectid'=>$data['subjectid']))}>" data-type="modal"
        <else/>
        href="<{:U('Subject/index',array('subjectid'=>$data['subjectid']))}>"</if> class="btn btn-success border-radius-none btn-lg col-md-4" style="margin-left:0;position:absolute;bottom:10px">试听</a>
        <a  href="javascript:"  onClick="buy_now('1')"  class="btn  btn-info border-radius-none btn-lg col-md-4" style="margin-left:200px;position:absolute;bottom:10px"> 立刻报名</a>
      </div>	
    </div> 
  </div>
   <div class="container" id="subject_detail_body">
   <div style="height:60px">
   <div class="sortlist clearfix  stuckMenu container" id="introNav" style="z-index:1000; padding-top:20px; background-color:#fff; position:fixed">
			<ul class="nav clearfix  pull-left">
				<li class="active"><a onclick="return showTab(this)" _href="#introBrief" href="javascript:">课程优势</a></li>
				<li class=""><a  onclick="return showTab(this)" _href="#introLesson" href="javascript:">课程表</a></li>
				<li class=""><a  onclick="return showTab(this)" _href="#introVoice" href="javascript:">学员心声</a></li>
        
				<li><a  onclick="return showTab(this)" _href="#introRecord" href="javascript:" >成交记录</a></li>
				<li><a  onclick="return showTab(this)" _href="#introRank" href="javascript:">奖学金</a></li>
					<li><a  onclick="return showTab(this)" _href="#FAQ" href="javascript:">常见问题</a></li>
			</ul>
			<div class="stuck-right pull-right">
				<span class="nav-price pull-left" > ￥<span ><{$data.price}></span> &nbsp;</span>
				<a href="javascript:"  onClick="buy_now('1')"  style="margin-top:-5px"  class="btn  btn-info border-radius-none">立刻报名</a>
			</div>
		</div>
  </div>
   				<style>
				.detail_content{ min-height:500px}
				</style>
	<div style="padding-top:10px;">
		<div class="detail_content" id="introBrief">
			 <{$data.rntro}>
		</div>
		<div class="detail_content"  id="introLesson">
		<img src="__PUBLIC__/BoxEdu/Images/6.jpg" />
			<if condition="$data['childs']">
			   <volist name="data['childs']" id="vo1">
				   <h3 style="margin-top:15px; color:green"><{$vo1.subject}></h3>
				  	<{:Widget('BoxEdu/Index/subject_list/tpl/subject_list_no_link',array('subjectid'=>$vo1['subjectid'],'url'=>'Subject/lesson_detail'))}> 
			  </volist>
			<else/>
				<{:Widget('BoxEdu/Index/subject_list/tpl/subject_list_no_link',array('subjectid'=>$subjectid,'url'=>'Subject/lesson_detail'))}> 
			 </if>
		</div>
		<div class="detail_content"  id="introVoice">
		<img src="__PUBLIC__/BoxEdu/Images/3.jpg" />
			<{:Widget('BoxEdu/Index/order_comment/tpl/order_comment_2',array('pid'=>$subjectid))}>
		</div>
		<div class="detail_content"  id="introRecord">
			<div class="score-rank mgr20">
			<img src="__PUBLIC__/BoxEdu/Images/5.jpg" />
              <{:Widget('BoxEdu/Index/order_list',array('subjectid&status'=>array($subjectid,array('in','2,4'),'_multi'=>true)))}>
            </div>
		</div>
		
		
		<div class="detail_content"  id="introRank">
	<img src="__PUBLIC__/BoxEdu/Images/2.jpg" />
              <{:Widget('BoxEdu/Index/rank',array('where'=>array('class_id'=>$data['subject_class'],'status'=>2),'limit'=>20))}>
            
		</div>
		
		<div class="detail_content"  id="FAQ">
			<img src="__PUBLIC__/BoxEdu/Images/4.jpg" />
			 <{$data.FAQ}>
		</div>
		

	</div>				
   </div>
	</div>
 
 <input type="hidden" id="goods_amount" value="<{$data.price}>" />
	<include file="Public:footer" /> 
	<script type="text/javascript">
	function showTab(_this){
		var id = $(_this).attr("_href");
		//$(".detail_content").hide();
		//$(id).show();
		var h=$(id).offset().top-110;
		//$(_this).parent().parent().find("li").removeClass('active');
	//	$(_this).parent().addClass('active');
		$("body").animate({scrollTop: h+'px'}, 800);
		
	}
	var select_offline=<{$offline_subject['offline']|default="0"}>;
	var select_apply=<{$offline_subject['apply']|default="0"}>;
	var buy_type=1;
//	var money=<{$user_info['money']|default="0"}>;
var goods_amount=<{$data.price}>;
	var subjectid=<{$data.subjectid}>;
	//var check_url="/Subject/get_card";
 
	</script>
	</div>
